<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 对象以key和value的方式存储数据
    // 对象是无序的存储
    // const obj = {
    //   name: "zhangsan",
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"]
    // }
    // console.log(obj);



    // es6新增的缩写方式
    // 当key和value相同的时候，可以省略value
    // 当value是一个函数的时候，可以直接省略冒号和function关键字
    // const name = "lisi";
    // const obj = {
    //   // name: name,
    //   name,
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"],
    //   // fn: function() {
    //   //   console.log("fn");
    //   // }
    //   fn() {
    //     console.log("fn");
    //   }
    // }
    // console.log(obj);
    // obj.fn()







    // 查
    // 可以用 .操作符 或者 中括号
    // .操作符后面跟字符串，中括号后面用变量
    // const obj = {
    //   name: "zhangsan",
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"]
    // }
    // console.log(obj.name);
    
    // const key = "age";
    // console.log(obj[key]);
    // console.log(obj["name"]);






    // 增
    // const obj = {
    //   name: "zhangsan",
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"]
    // }
    // obj.sex = "男";
    // console.log(obj);





    // 改
    // const obj = {
    //   name: "zhangsan",
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"]
    // }
    // obj.num = 3;
    // console.log(obj);





    // 删
    // const obj = {
    //   name: "zhangsan",
    //   age: 20,
    //   num: 1,
    //   likes: ["eat", "sleep"]
    // }
    // delete obj.num;
    // console.log(obj);
    
    
    
  </script>
</body>
</html>